﻿div.slidepane{}
div.slidepane .togglebutton
{
	display:block;
	outline: none;
}

div.slidepane .togglebutton.vertical.collapsed:hover
{
	background-position: -30px center;
	background-color:#d6d7d3;
}
div.slidepane .togglebutton.horizontal.collapsed:hover
{
	background-position: center -30px;
	background-color:#d6d7d3;
}
div.slidepane .togglebutton.vertical.expanded:hover
{
	background-position: -10px center;
	background-color:#d6d7d3;
}
div.slidepane .togglebutton.horizontal.expanded:hover
{
	background-position: center -10px;
	background-color:#d6d7d3;
}
div.slidepane .togglebutton.horizontal.collapsed
{
    background-position: center -20px;
}
div.slidepane .togglebutton.vertical.collapsed
{
    background-position: -20px center;
}
/*also represents the expanded state*/
div.slidepane .togglebutton.horizontal
{
	height:10px;
	background:#cacbc6 url(  "Images.SlidePane.horizontalslidehandle.gif" ) no-repeat center top;
}
div.slidepane .togglebutton.vertical
{
	width:10px;
	background:#cacbc6 url(  "Images.SlidePane.verticalslidehandle.gif" ) no-repeat left center;
}
div.slidepane .body .template{float:right;width:100%;}
div.slidepane .body{}
div.slidepane .body.horizontal{}
div.slidepane .body.vertical{}